<ng-container class="row">
  <form [formGroup]="dvbConfigChannelForm">
  <div class="form-group row">
    <label for="name" class="col-3 col-form-label text-right">节目名称</label>
    <div class="col-7">
      <input type="text" class="form-control form-control-sm" value="" formControlName="name" id="name" >
    </div>
  </div>

  <div class="form-group row">
    <label for="ip" class="col-3 col-form-label text-right">IP</label>
    <div class="col-7">
      <input type="text" class="form-control form-control-sm" formControlName="ip" id="ip">
    </div>
  </div>

  <div class="form-group row">
    <label for="port" class="col-3 col-form-label text-right">端口</label>
    <div class="col-7">
      <input type="text" class="form-control form-control-sm" formControlName="port" id="port">
    </div>
  </div>

  <div class="form-group row">
    <label for="service_id" class="col-3 col-form-label text-right">服务ID</label>
    <div class="col-7">
      <input type="text" class="form-control form-control-sm" formControlName="service_id" id="service_id">
    </div>
  </div>

  <div class="form-group row">
    <label for="oscam" class="col-3 col-form-label text-right">解扰</label>
    <div class="col-7">
      <input type="checkbox" value="1" class="form-control form-control-sm" id="oscam" formControlName="oscam">
    </div>
  </div>
    <div class="row">
      <div class="col-10 offset-1 text-center">
        <button type="button" class="btn btn-sm btn-teal w-50"
                [disabled]="!dvbConfigChannelForm.valid"
                (click)="changeChannel()">确定
        </button>
      </div>
    </div>
  </form>
</ng-container>
